<template>
    <div class="openApp">
        <div class="icon">
          <img src="../../assets/icon/common/ablum.png" alt="" />
        </div>
        <a href="javascript:;" class="openBtn"> 打开 </a>
      </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.openApp {
      background-color: rgba(34,35,37,.8);
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 60px;
      padding: 0 11px;
      .icon {
        height: 36px;
        width: 282px;
        > img {
          width: 100%;
          height: 100%;
        }
      }
      .openBtn {
        display: block;
        height: 36px;
        border-radius: 18px;
        background-color: #f86442;
        color: #fff;
        width: 80px;
        font-size: 17px;
        font-weight: 500;
        text-align: center;
        line-height: 36px;
      }
    }
</style>

